﻿
@{
    ViewBag.Title = "ForumDiscussion";
}

<div class="content-heading">
    <div class="pull-right">
        <a href="" class="btn btn-sm btn-default text-sm">&lt; back</a>
    </div>Forum - Discussion
    <small>Topic ID: 999</small>
</div>
<div class="panel panel-default">
    <table class="table table-striped">
        <thead>
            <tr>
                <th colspan="2" class="h4">
                    Powered by AngularJS
                    <span class="mh">-</span>
                    <small>
                        by
                        <a href="">
                            <strong>Glen Dunn</strong>
                        </a>on
                        <em>March 10, 2015</em>
                    </small>
                </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="text-center">
                    <a href="">
                        <strong>Leslie Stewart</strong>
                    </a>
                </td>
                <td class="text-right">
                    on
                    <em>March 10, 2015 at 12:00</em>
                </td>
            </tr>
            <tr>
                <td style="width: 15%;" class="text-center">
                    <div class="mt">
                        <a href="">
                            <img src="~/Content/Images/user/01.jpg" alt="avatar" class="img-circle thumb64">
                        </a>
                    </div>
                    <small>98 Posts</small>
                    <br>
                    <small>Since 10/01/2010</small>
                </td>
                <td>
                    <p>
                        Duis ut urna diam, ac sagittis neque. Nunc vitae ipsum elit, non lacinia dui. Curabitur porttitor fermentum dapibus. Vivamus feugiat faucibus enim. Quisque vehicula rutrum justo, sed aliquam sem fringilla nec. Lorem ipsum dolor
                        sit amet, consectetur adipiscing elit.
                    </p>
                    <div class="text-right">
                        <em>I am me</em>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="text-center">
                    <a href="">
                        <strong>Terrence Moreno</strong>
                    </a>
                </td>
                <td class="text-right">
                    on
                    <em>March 25, 2015 at 19:30</em>
                </td>
            </tr>
            <tr>
                <td class="text-center">
                    <div class="mt">
                        <a href="">
                            <img src="~/Content/Images/user/02.jpg" alt="avatar" class="img-circle thumb64">
                        </a>
                    </div>
                    <small>87 Posts</small>
                    <br>
                    <small>Since 10/01/2010</small>
                </td>
                <td>
                    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed elementum lorem dolor, id fermentum metus. In massa justo, pellentesque a porttitor sit amet, imperdiet sed nisl.</p>
                    <p>Praesent a rhoncus magna. Integer ligula mauris, iaculis pellentesque consequat non, semper sit amet velit.</p>
                    <div class="text-right">
                        <em>Signed by some user</em>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="text-center">
                    <a href="">
                        <strong>Robin Richardson</strong>
                    </a>
                </td>
                <td class="text-right">
                    on
                    <em>May 11, 2015 at 15:00</em>
                </td>
            </tr>
            <tr>
                <td class="text-center">
                    <div class="mt">
                        <a href="">
                            <img src="~/Content/Images/user/03.jpg" alt="avatar" class="img-circle thumb64">
                        </a>
                    </div>
                    <small>333 Posts</small>
                    <br>
                    <small>Since 10/01/2010</small>
                </td>
                <td>
                    <p>
                        Suspendisse risus nisl, iaculis at rhoncus sed, ultrices sed lacus. Nullam rutrum convallis lacus non mattis. Fusce at enim eget nibh convallis elementum. Fusce quis nibh id elit pharetra ultricies eget auctor nibh. Nunc posuere
                        eleifend lobortis. Aenean risus nulla, aliquam sed aliquam vitae, ultricies non elit. Cras aliquam mauris massa. Duis eleifend rutrum purus, sit amet rutrum lacus facilisis id. Class aptent taciti sociosqu ad litora torquent
                        per conubia nostra, per inceptos himenaeos. Donec et lacus velit. Nullam lobortis consectetur hendrerit.
                    </p>
                    <p>
                        Mauris id augue id elit convallis accumsan. Ut tempus libero vel metus pellentesque commodo. Cras lorem magna, viverra ac facilisis vitae, porttitor sed massa. Fusce quis nibh id elit pharetra ultricies eget auctor nibh. Aenean
                        fringilla porttitor elit, sit amet vestibulum magna viverra a. Curabitur imperdiet consequat hendrerit. Cras aliquam mauris massa.
                    </p>
                    <div class="text-right">
                        <em>Signed by some user</em>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="text-center">
                    <a href="">
                        <strong>Salvador Stone</strong>
                    </a>
                </td>
                <td class="text-right">
                    on
                    <em>Apr 13, 2015 at 10:10</em>
                </td>
            </tr>
            <tr>
                <td class="text-center">
                    <div class="mt">
                        <a href="">
                            <img src="~/Content/Images/user/04.jpg" alt="avatar" class="img-circle thumb64">
                        </a>
                    </div>
                    <small>123 Posts</small>
                    <br>
                    <small>Since 10/01/2010</small>
                </td>
                <td>
                    <p>Praesent lacus nisi, hendrerit ac dignissim a, accumsan at purus. Maecenas neque eros, viverra vitae cursus sit amet, varius ut ante. Nam eget risus tellus. Sed ac nulla risus, nec tempus massa.</p>
                    <div class="text-right">
                        <em>Signed by some user</em>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="text-center">
                    <a href="">
                        <strong>Alicia Garrett</strong>
                    </a>
                </td>
                <td class="text-right">
                    on
                    <em>Apr 13, 2015 at 10:10</em>
                </td>
            </tr>
            <tr>
                <td class="text-center">
                    <div class="mt">
                        <a href="">
                            <img src="~/Content/Images/user/05.jpg" alt="avatar" class="img-circle thumb64">
                        </a>
                    </div>
                    <small>6588 Posts</small>
                    <br>
                    <small>Since 10/01/2010</small>
                </td>
                <td>
                    <p>
                        Suspendisse velit erat, vulputate sit amet feugiat a, lobortis nec felis. Cras et dui non erat ornare ornare eget non sapien. Curabitur ipsum arcu, molestie a adipiscing consequat, cursus in leo. Nam in purus in lacus dictum
                        pharetra sit amet ac arcu. Vestibulum rutrum venenatis pretium. Sed accumsan adipiscing enim. Quisque sed tortor at ligula pharetra pulvinar. Donec gravida metus dictum sapien auctor eu egestas mauris hendrerit. Duis nec
                        leo ipsum, a dignissim libero. Nam blandit fringilla faucibus.
                    </p>
                    <div class="text-right">
                        <em>Signed by some user</em>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<div class="text-center mb-lg">
    <button data-toggle="collapse" data-target="#topic-reply" class="btn btn-primary">Reply to this topic</button>
</div>
<div id="topic-reply" class="collapse">
    <div class="text-center">
        <small>Make sure you have read the <a href="">forum rules </a>before posting</small>
    </div>
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <form action="/" method="post" class="form-horizontal">
                <div class="form-group">
                    <div class="col-md-12">
                        <textarea id="reply-message" name="reply-message" rows="5" placeholder="Type your answer..." class="form-control"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-12 text-center">
                        <button type="button" class="btn btn-sm btn-primary">Post Answer</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
